<template>
    <div class="resize" @click="handleClick">
        <span class="iconfont icon-compress-alt"></span>
    </div>
</template>

<script setup>
import { inject,defineProps,ref } from 'vue';

const ifZoom=ref(false)
const handleReSize=inject('handleReSize')
const props=defineProps({
    comName:String
})

const handleClick=()=>{
    ifZoom.value=!(ifZoom.value)
    handleReSize(props.comName,ifZoom.value)
}
</script>

<style scoped>
.resize{
    position: absolute;
    right: 5%;
    top: 5%;
    cursor: pointer;
    color: rgb(209, 206, 206);
}

</style>